<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <title>玉灵 QQ:7031633 Email:webrx@126.com</title>
    <meta content="关键字" name="keywords">
    <meta content="简介" name="description">
    <style>
        .shadow {
            width: 400px;
            height: 280px;
            background-color: #eee;
            position: relative;
            border: 1px solid rgba(212, 212, 212, 1);
            border-radius: 5px;
        }

        .shadow::after, .shadow::before {
            width: 50%;
            height: 20%;
            content: '';
            z-index: -1;
            box-shadow: 0 5px 12px 5px #333;
            position: absolute;
            bottom: 15px;
            transform: rotate(-5deg);
            opacity: .7;
        }

        .shadow::before {
            left: 12px;
        }

        .shadow::after {

            right: 12px !important;
            transform: rotate(5deg);
        }
    </style>
</head>

<body>
<div class="shadow"></div>
</body>
</html>
